﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Sites/StuartAndHedley/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Templates_MediaScrollRightGallery_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <acms:JavascriptFile ID="JavascriptFile1" path="~/Scripts/jquery-1.2.6.js" runat="server"/>
    <acms:JavascriptFile ID="JavascriptFile2" path="~/Scripts/jquery.scrollTo.js" runat="server"/>
    <acms:JavascriptFile ID="JavascriptFile3" path="~/Scripts/jquery.serialScroll.js" runat="server" />
    <script>
        jQuery(function($) {
            $('#scroll').serialScroll({
                items: 'li',
                prev: '#prev',
                next: '#next',
                axis: 'y',
                duration: 1000,
                force: true,
                easing: 'linear',
                stop:true
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="cphMain" Runat="Server">
    <div id="mediaScrollRightTemplate">
        <div id="contentLeft">
            <asp:Image ID="img" runat="server" ImageUrl="http://www.stuartandhedley.com/a_ghost_sweetheart.jpg" />
        </div>
        <div id="contentRight">
            <asp:ListView ID="thumbs" runat="server">
                <LayoutTemplate>
                    <span id="prev" >Up</span>
                    <ul id="scroll">
                        <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                    </ul>
                    <span id="next" >Down</span>
                </LayoutTemplate>
                <ItemTemplate>
                    <li>
                        <acms:AcmsImage ID="img" FileId='<%#Container.DisplayIndex * -1 %>' RenderWidth="100" RenderHeight="100" runat="server" />
                    </li>
                </ItemTemplate>
            </asp:ListView>
        </div>
    </div>
</asp:Content>

